home *** CD-ROM | disk | FTP | other *** search
/ Personal Computer World 2009 February / PCWFEB09.iso / Software / Resources / Chat & Communication / PeerAware 1.03 / PeerAware-Setup.exe / Html / start.css < prev    next >
Cascading Style Sheet File  |  2008-10-09  |  7KB  |  401 lines
  1. /*
  2. <!-- ***** BEGIN LICENSE BLOCK *****
  3.    - Version: MPL 1.1/LGPL 2.1
  4.    -
  5.    - The contents of this file are subject to the Mozilla Public License Version
  6.    - 1.1 (the "License"); you may not use this file except in compliance with
  7.    - the License. You may obtain a copy of the License at
  8.    - http://www.mozilla.org/MPL/
  9.    -
  10.    - Software distributed under the License is distributed on an "AS IS" basis,
  11.    - WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
  12.    - for the specific language governing rights and limitations under the
  13.    - License.
  14.    -
  15.    - The Original Code is PeerAware Workspace User Interface.
  16.    -
  17.    - The Initial Developer of the Original Code is
  18.    - Imunin Software Inc.
  19.    - Portions created by the Initial Developer are Copyright (C) 2006-2008
  20.    - the Initial Developer. All Rights Reserved.
  21.    -
  22.    - Contributor(s):
  23.    -
  24.    - Alternatively, the contents of this file may be used under the terms of
  25.    - the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
  26.    - in which case the provisions of the LGPL are applicable instead
  27.    - of those above. If you wish to allow use of your version of this file only
  28.    - under the terms of the LGPL, and not to allow others to
  29.    - use your version of this file under the terms of the MPL, indicate your
  30.    - decision by deleting the provisions above and replace them with the notice
  31.    - and other provisions required by the LGPL. If you do not delete
  32.    - the provisions above, a recipient may use your version of this file under
  33.    - the terms of any one of the MPL or the LGPL.
  34.    -
  35.    - ***** END LICENSE BLOCK ***** --> 
  36. */
  37. body
  38. {
  39. margin:0;padding:0;
  40. background-color: white;
  41. }
  42.  
  43. table
  44. {
  45. border-collapse: collapse;
  46. border: 0;
  47. }
  48. th
  49. {
  50. font-family: Verdana, Arial;
  51. vertical-align: top;
  52. }
  53. td
  54. {
  55. font-size: 85%;
  56. font-family: arial,sans-serif;
  57. vertical-align: top;
  58. }
  59. .l
  60. {
  61. margin-top: 4px;
  62. }
  63. .g
  64. {
  65. font-size: 90%;
  66. margin-top: 1em;
  67. margin-bottom: 1em;
  68. margin-left: 2em;
  69. }
  70. .j
  71. {
  72. width: 500px;
  73. margin-bottom: 1em;
  74. margin-top: 1em;
  75. }
  76. .fl:link
  77. {
  78. color: #6f6fff;
  79. }
  80. div
  81. {
  82. font-family: arial,sans-serif;
  83. }
  84. a
  85. {
  86. font-family: arial,sans-serif;
  87. color: #003090;
  88. }
  89. div.d
  90. {
  91. vertical-align: top;
  92. height:100%;
  93. }
  94. img.ii
  95. {
  96. border: none;
  97. margin:10px;
  98. float:right;
  99. vertical-align: middle;
  100. }
  101. a { text-decoration:none; }
  102. a:hover { text-decoration:underline; }
  103. a.arrow { padding-right:8px; background:url(arrow.gif) no-repeat center right; }
  104. h3{font-size: 100%;margin-left:12px;margin-top:5px;margin-bottom:5px;color: #215dc6;text-align: left}
  105. p{margin:0;padding: 5px 10px;line-height: 1.3;text-align: justify}
  106. .ColumnIntro{width: 200px;}
  107. .ColumnLeft{width: 100%;}
  108. .ColumnIcon{width: 10 px;}
  109.  
  110. #startworkspace
  111. {
  112. width: 550px;
  113. height: 200px;
  114. margin-top: 25px;
  115. margin-left: 25px;
  116. background:url("startworkspace.jpg") no-repeat right top;
  117. }
  118.  
  119. #ipeeraware
  120. {
  121. margin:6px 0px 0px 6px;
  122. margin-top: 20px;
  123. font-family: arial;
  124. font-size:20px;
  125. font-weight: bolder;
  126. color:#3d57f7;
  127. }
  128. #ieasy
  129. {
  130. font-family: arial;
  131. font-size:16px;
  132. font-weight: bolder;
  133. color:Teal;
  134. }
  135. #ishare
  136. {
  137. margin:6px 0 0 6px;
  138. font-family: arial;
  139. font-size:20px;
  140. font-weight: bolder;
  141. color:#3d57f7;
  142. }
  143. #iprivate
  144. {
  145. margin:4px 0 0 4px;
  146. font-family: arial;
  147. font-size:16px;
  148. font-weight: bolder;
  149. color:Teal;
  150. }
  151.  
  152. #tabs1
  153. {
  154. float:left;
  155. width:100%;
  156. background:#ece9d8;
  157. font-size:70%;
  158. font-weight:bold;
  159. line-height:normal;
  160. border-bottom:1px solid #9AB0Be;
  161. }
  162.  
  163. #tabs1 ul
  164. {
  165. margin:0;
  166. padding:10px 10px 0 50px;
  167. list-style:none;
  168. }
  169.  
  170. #tabs1 li
  171. {
  172. display:inline;
  173. margin:0;
  174. padding:0;
  175. }
  176.  
  177. #tabs1 a
  178. {
  179. float:left;
  180. background:url("tableft1.gif") no-repeat left top;
  181. margin:0;
  182. padding:0 0 0 4px;
  183. text-decoration:none;
  184. }
  185.  
  186. #tabs1 a span
  187. {
  188. float:left;
  189. display:block;
  190. background:url("tabright1.gif") no-repeat right top;
  191. padding:5px 15px 4px 6px;
  192. color:#627EB7;
  193. }
  194.  
  195. #tabs1 a span 
  196. {
  197. float:none;
  198. }
  199.  
  200. #tabs a:hover span
  201. {
  202. color:#627EB7;
  203. }
  204. #tabs1 a:hover
  205. {
  206. background-position:0% -42px;
  207. }
  208.  
  209. #tabs1 a:hover span
  210. {
  211. background-position:100% -42px;
  212. }
  213.  
  214. #tabs1 #current a {
  215. background-position: 0 -42px;
  216. }
  217. #tabs1 #current a span {
  218. background-position: 100% -42px;
  219. }
  220.  
  221. #button1
  222. {
  223. margin-top:74px;
  224. margin-right:4px;
  225. margin-left:328px;
  226. font-size:70%;
  227. font-weight:bold;
  228. line-height:normal;
  229. overflow:hidden;
  230. }
  231.  
  232. #button1 a
  233. {
  234. float:left;
  235. background:url("buttonleft.gif") no-repeat left top;
  236. margin:0;
  237. padding:0 0 0 17px;
  238. text-decoration:none;
  239. }
  240.  
  241. #button1 a span
  242. {
  243. float:left;
  244. display:block;
  245. font-size:20px;
  246. background:url("buttonright.gif") no-repeat right top;
  247. padding:13px 14px 13px 4px;
  248. color:white;
  249. }
  250.  
  251. #button1 a span 
  252. {
  253. float:none;
  254. }
  255.  
  256. #tabs a:hover span
  257. {
  258. color:#627EB7;
  259. }
  260. #button1 a:hover
  261. {
  262. background-position:0% -50px;
  263. }
  264.  
  265. #button1 a:hover span
  266. {
  267. background-position:100% -50px;
  268. }
  269.  
  270. #button1 #current a {
  271. background-position: 0 -50px;
  272. }
  273. #button1 #current a span {
  274. background-position: 100% -50px;
  275. }
  276.  
  277. div.invite
  278. {
  279. font-family: Arial, sans-serif;
  280. font-size: 18px;
  281. font-weight:bold;
  282. }
  283.  
  284.  
  285.  
  286. .toolbar_container
  287. {
  288. margin: 0px;
  289. padding: 0px;
  290. border-bottom: #d9e5ed 1px solid;
  291. background-image: url(browsebg.gif);
  292. width: 100%;
  293. top:0px;
  294. overflow:hidden;
  295. }
  296. ul.toolbar
  297. {
  298. margin: 0px;
  299. padding: 0px;
  300. background: none transparent scroll repeat 0% 0%;
  301. float: right;
  302. width: 100%;
  303. list-style-type: none;
  304. list-style-position:outside;
  305. list-style-image:none;
  306. }
  307. .toolbar li 
  308. {
  309. margin:0px;
  310. padding:0px;
  311. float: left;
  312. }
  313. .toolbar a:hover
  314. {
  315. color: #444;
  316. text-decoration: none;
  317. border: #b2d8f5 0px solid;
  318. background-image: url(browsehover.gif);
  319. }
  320. .toolbar a, toolbar a:visited
  321. {
  322. color: #444;
  323. text-decoration: none;
  324. padding-right: 5px;
  325. }
  326. .toolbar span {
  327. vertical-align:middle;
  328. }
  329. .toolbar li.pw_float_right
  330. {
  331. float: right;
  332. }
  333. .toolbar img
  334. {
  335. border: medium none;
  336. vertical-align: middle;
  337. }
  338. a.barbutton
  339. {
  340. padding:4 6;
  341. background-position: center;
  342. display: block; 
  343. margin: 1px; 
  344. vertical-align: middle; 
  345. overflow: visible; 
  346. text-align: center;
  347. font-family:Verdana,"Segoe UI Bold",sans-serif;
  348. font-size: 12px;
  349. }
  350. a.barbutton_Disabled
  351. {
  352. background-image: none; 
  353. margin: 1px; 
  354. color: #999;
  355. }
  356. a.barbutton_Disabled img
  357. {
  358. filter:gray;
  359. opacity:.5;
  360. }
  361. a.barbutton_Default
  362. {
  363. margin: 1px
  364. }
  365. .favorite_gif
  366. {
  367. background-image: url(favorites16.gif); 
  368. width: 16px; 
  369. height: 16px; 
  370. margin: 6px 4px 4px 4px ;
  371. }
  372. .userguide_gif
  373. {
  374. background-image: url(userguide.gif); 
  375. width: 12px; 
  376. height: 16px; 
  377. margin: 6px 4px 4px 4px ;
  378. }
  379. .favicon_gif
  380. {
  381. background-image: url(favicon.gif); 
  382. width: 16px; 
  383. height: 16px; 
  384. margin: 6px 4px 4px 4px ;
  385. }
  386. .workspace_gif
  387. {
  388. background-image: url(Communities16.gif);
  389. width: 16px;
  390. height: 16px;
  391. margin: 6px 4px 4px 4px;
  392. }
  393. #user
  394. {
  395. filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#c7d4f7',endColorStr='#f2f8fc',gradientType='0');
  396. display:block;
  397. height:65px;
  398. overflow:hidden;
  399. border-bottom:solid 1px #d9e5ed;
  400. }
  401.